<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="login">
        <div class="txt_box">
            <input type="text" class="txt">
            <label class="txt_big">邮箱/手机号码/小米ID</label>
        </div>
        <div class="txt_error">请输入账号</div>
        <div class="psd_box">
            <span class="psd_big">密码</span>
            <input type="password" class="psd">
            <p class="psd_error">请输入登录密码</p>
            <div class="psd_btn iconfont">&#xe60c;</div>
        </div>
        <div href="javascript:;," class="check_box">
            <label for="check" class="iconfont check"></label>
            <input type="checkbox" id="check">
            <span>已阅读并同意小米帐号</span><a href="javascript:;">用户协议
        </div>
        <div class="check_no">
            <img src="img/loading/point.png">
            <span>请你同意用户条款</span>
        </div>
        <div class="login_btn">登录
        </div>
        <div class="forget">
            <a href="javascrpit:;">忘记密码?</a>
            <a href="javascrpit:;">手机号登录</a>
        </div>
        <div class="login_way">
            <p>其他方式登录</p>
            <a href="javascript:;"></a>
            <a href="javascript:;"></a>
            <a href="javascript:;"></a>
            <a href="javascript:;"></a>
        </div>
    </div>
    <!--注册 -->
    <div class="enroll" style="display: none;">
        <div class="region_box">
            <div class="region_min">国家/地区
            </div>
            <input list="source" class="region">
            <datalist id="source">
                <option value="中国">
                <option value="中国香港">
                <option value="中国台湾">
                <option value="美国">
                <option value="英国">
                <option value="小日子过的不错">
                <option value="意大利">
                <option value="艾欧里亚">
                <option value="瓦罗兰">
                <option value="新西兰">
                <option value="巴西">
                <option value="西巴">
                <option value="韩国">
                <option value="乌拉">
                </option>
            </datalist>
            <p class="region_error">请选择国家/地区</p>
        </div>
        <div class="phe_box">
            <div class="phe_btn">
                <h6>国家码</h6>
                <p>+86</p>
                <i class="iconfont">∨</i>
            </div>
            <span class="phe big">手机号</span>
            <input type="text" class="phe">
            <p class="phe_error">请输入手机号码</p>
        </div>
        <div class="vcod box">
            <span class="vcod big">请输入验证码</span>
            <input type="password" class="vcod">
            <p class="vcod_error">请输入短信验证码</p>
            <div class="vcod_btn">获取验证码</div>
        </div>
        <div href="javascript:;" class="check_box">
            <label for="check_en" class="iconfont check en"></label>
            <input type="checkbox" id="check_en">
            <span>已阅读并同意小米帐号</span><a href="javascript:;">用户协议
        </div>
        <div class="checkb_no">
            <img src="img/loading/point.png">
            <span>请你同意用户条款</span>
        </div>
        <div class="enroll_btn">
            注册
        </div>
        <div class="forget_en">
            收不到验证码?</div>
        <div class="login_way">
            <p>其他方式登录</p>
            <a href="javascript:;"></a>
            <a href="javascript:;"></a>
            <a href="javascript:;"></a>
            <a href="javascript:;"></a>
        </div>
    </div>
    </div>
    </div>
    <!-- 二维码登陆模块 -->
    <div class="scan">
        <div class="trans">
            <img src="./img/icon-mimadenglu.png" alt="">
        </div>
        <div class="scan_prompt">密码登录</div>
        <h2>扫码登陆 安全快捷</h2>
        <img src="img/xiaomi-android.png">
        <div class="scan hint">请使用小米手机/米家等小米旗下APP扫码登录
            <div class="scan_ico"><span class="iconfont icon-wenhao"></span>
                <div class="scan help">
                    <h3>常用答疑</h3>
                    <p>1.如何用小米手机扫一扫?</p>
                    <h6>答:点击小米手机 - 设置 -帐号头像 - 右上角扫一扫。</h6>
                    <p>2.小米旗下哪些App支持扫码登录?</p>
                    <h6>答:目前包含米家、小米商城、小爱音箱。</h6>
                    <p>3.其他登录方式?</p>
                    <h6>答:可以使用微信/微博/00客户端扫码授权登录。</h6>
                </div>
            </div>
        </div>
        <div class="scan_way">
            <p>支持扫描登录的App</p>
            <a href="javascript:;"><i>米家</i></a>
            <a href="iavascript::"><i>小米商城</i></a>
            <a href="iavascript::"><i>小爱音箱</i></a>
        </div>
</body>

</html>